<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<header id="header">
<div class="container">
    <h1 class="logo">
        <a href="main.html">
            <img alt="Porto" width="111" height="54" data-sticky-width="82" data-sticky-height="40" src="<%=request.getContextPath() %>/img/logo.png">
        </a>
    </h1>
    <div class="search">
        <form id="searchForm" action="#" method="get">
            <div class="input-group">
                <input type="text" class="form-control search" name="q" id="q" placeholder="Search...">
								<span class="input-group-btn">
									<button class="btn btn-default" type="submit"><i class="icon icon-search"></i></button>
								</span>
            </div>
        </form>
    </div>
    <nav>
        <ul class="nav nav-pills nav-top">
            <li>
                <a href="#"><i class="icon icon-angle-right"></i>CK스퀘어란?</a>
            </li>
            <li>
                <a href="#"><i class="icon icon-angle-right"></i>스터디하고 싶은 분?</a>
            </li>
            <li class="email">
                <span><i class="icon icon-envelope"></i>javacafe@gmail.com</span>
            </li>
        </ul>
    </nav>
    <button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse">
        <i class="icon icon-bars"></i>
    </button>
</div>
<div class="navbar-collapse nav-main-collapse collapse">
    <div class="container">
        <ul class="social-icons">
            <li class="facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook">Facebook</a></li>
            <li class="twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter">Twitter</a></li>
            <li class="linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin">Linkedin</a></li>
        </ul>
        <nav class="nav-main mega-menu">
            <ul class="nav nav-pills nav-main" id="mainMenu">
                <li class="dropdown">
                    <a class="dropdown-toggle" href="#">
                    	복지 정보 조회
                        <i class="icon icon-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="<%=request.getContextPath() %>/welfare-info/infant">영유아</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-info/children">아동</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-info/teenager">청소년</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-info/youth">청년</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-info/adults">중장년</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-info/silver">노년</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle">
                                                        복지 시설 조회
                        <i class="icon icon-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="<%=request.getContextPath() %>/welfare-facilities/silver">노인</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-facilities/children">아동</a></li>
                        <li><a href="<%=request.getContextPath() %>/welfare-facilities/disabled">장애인</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle">
                                                        유용한 정보
                        <i class="icon icon-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="<%=request.getContextPath() %>/useful-info/subway-nursing">지하철 수유실</a></li>
                        <li><a href="<%=request.getContextPath() %>/useful-info/fine-dust-advisory">미세먼지 주의보</a></li>
                        <li><a href="<%=request.getContextPath() %>/useful-info/heatwave-warning">폭염주의보</a></li>
                        <li><a href="<%=request.getContextPath() %>/useful-info/twitter-facebook-news">구청 트위터 페이스북 새소식</a></li>
                     </ul>
                </li>
                <li>
                    <a href="<%=request.getContextPath() %>/recommand" class="dropdown-toggle">
                                                        추천 서비스
                    </a>
                </li>
                
            </ul>
        </nav>
    </div>
</div>
</header>	